@charset "utf-8";
html,body{ height:100%; overflow-y:hidden;}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,tr,th,td{ padding:0; margin:0; word-wrap:break-word; word-break:break-all;}
i,em { font-style:normal; padding:0; margin:0; word-wrap:break-word; word-break:break-all;}
body{ font-family:"microsoft yahei",tahoma,verdana,arial,"simsun"; color:#333; font-size:14px;}
h1,h2,h3,h4,h5,h6{ font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {display:block; margin:0; padding:0; *zoom:1;}
address { font-style:normal;}
input[type="button"], input[type="submit"],button{ cursor:pointer; noFocusLine:expression(this.onFocus=this.blur()); outline:none; font-family:"microsoft yahei",tahoma,verdana,arial,"simsun";}
input[type="text"],input[type="password"],textarea,select {outline:none; font-family:"microsoft yahei",tahoma,verdana,arial,"simsun";}
sup {vertical-align:text-top}
sub {vertical-align:text-bottom}
textarea {resize:none;}
table { border-collapse:collapse; border-spacing:0; border:none;}
ul,ol{list-style:none;}
img { border:none; margin:0; padding:0; vertical-align:middle;}
a{text-decoration:none; cursor:pointer; noFocusLine:expression(this.onFocus=this.blur()); outline:none; color:#666;}
a:hover { color:#f3583c;}
.rad { vertical-align:middle; margin-right:3px; width:13px; height:13px;}

/*浮动相关*/
.fl{float:left; _display:inline;}
.fr{float:right; _display:inline;}
.cf:after,.cf:before {content:""; display:table;}
.cf:after {clear:both;}
.cf{zoom:1}
.cb { clear:both; height:0px; overflow:hidden;}
hr {height:0; *height:1px;  *float:left; *margin-bottom:-14px; *display:block; border:none; border-top:1px solid #eee;}

/*超出隐藏*/
.ovh {overflow:hidden; *zoom:1;}
.t-ovh {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}

/*字体相关*/
.fn {font-weight:normal;}
.fb {font-weight:bold;}
.f12 { font-size:12px;}
.f14 { font-size:14px;}
.yh {font-family:"microsoft yahei","simhei","simsun";}
.ht {font-family:"simhei","microsoft yahei","simsun";}

/*对齐方式*/
.tc{text-align:center;}
.tl{text-align:left;}
.tr{text-align:right;}
.vt{vertical-align:top;}
.vm{vertical-align:middle;}
.rel{ position:relative;}
.abs{ position:absolute;}
.t2em { text-indent:2em;}
.z1 { z-index:1;}

/*layout*/
.area { margin-left:auto; margin-right:auto; margin-top:70px; min-width:730px; width:65%;}
.db { display:block;}
.red { color:#e10000;}
.yellow { color:#f4b92f;}
.orange { color:#fc7146;}
.blue { color:#57b4f1;}
.gray { color:#999;}

/*边距*/
.m10 { margin:10px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.mb20 {margin-bottom:20px;}

/*width*/
.wp10{ width:10%;}
.wp15{ width:15%;}
.wp20{ width:20%;}
.wp25{ width:25%;}
.wp30{ width:30%;}
.wp35{ width:35%;}
.wp40{ width:40%;}
.wp50{ width:50%;}
.wp60{ width:60%;}
.wp70{ width:70%;}
.wp80{ width:80%;}

/*login register*/
.loginWrap { position:relative; width:100%; height:100%; background:url(/Admin/img/bg.jpg) no-repeat 50% 50%; background-size:cover;}
.loginWrap .logo { position:absolute; left:33px; top:33px; width:169px; height:58px; background:url(/Admin/img/logo.png) no-repeat;}
.loginWrap .wrap { position:absolute; left:50%; top:50%; margin:-175px 0 0 -450px; width:900px; height:350px;}
.loginWrap .wrap .intro { position:absolute; left:0; top:50%; margin-top:-47px; width:354px; height:94px; background:url(/Admin/img/login_text.png) no-repeat;}
.loginWrap .box { position:absolute; top:0; right:0; padding-bottom:20px; width:320px; background:rgba(255,255,255,0.5); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#7fffffff', EndColorStr='#7fffffff');}
:root .loginWrap .box { filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00ffffff', EndColorStr='#00ffffff')}
.loginWrap .way { padding-top:27px; background:url(/Admin/img/login_way.png) no-repeat 50% 0; text-align:center;}
.loginWrap .way a {  display:inline-block; vertical-align:top; margin:0 14px; width:44px; height:44px; background-repeat:no-repeat; font-size:0;}
.loginWrap .way .sina { background-image:url(/Admin/img/i_sina.png);}
.loginWrap .way .wx { background-image:url(/Admin/img/i_wx.png);}
.loginWrap .way .qq { background-image:url(/Admin/img/i_qq.png);}
.loginWrap .tabNav { height:54px; line-height:54px; background:url(/Admin/img/i_gap.png) no-repeat 50% 50%; font-size:20px;}
.loginWrap .tabNav a { float:left; width:50%; height:54px; text-align:center; color:#fff;}
.loginWrap .tabNav a:hover { color:#fa9582;}
.loginWrap .tabNav .curr,.loginWrap .tabNav .curr:hover { color:#ea5f46;}
.loginWrap .boxCon { margin:0 auto; width:226px;}
.loginWrap .boxCon .set,.loginWrap .boxCon .set a { color:#999;}
.loginWrap .boxCon .set a:hover { color:#fa9582;}
.loginWrap .boxCon .btn { margin:18px 0 36px; display:block; vertical-align:top; height:36px; line-height:36px; text-align:center; letter-spacing:2px; color:#fff; font-size:14px; background-color:#ea5f46;}
.loginWrap .boxCon .btn:hover { background-color:#f56b52;}
.loginWrap .boxCon .pwdBtn { margin-bottom:25px;}
.loginWrap .txt { padding:10px 10px 10px 35px; width:181px; vertical-align:top; background-color:#fff; border:none; height:16px; line-height:16px; color:#999; font-size:14px; background-position:9px 50%; background-repeat:no-repeat;}
.loginWrap .txt:focus { color:#333;}
.loginWrap .phone { background-image:url(/Admin/img/i_phone.png);}
.loginWrap .pwd { background-image:url(/Admin/img/i_password.png);}
.loginWrap .code { background-image:url(/Admin/img/i_code.png);}
.loginWrap .getCode,.loginWrap .countDown{ position:absolute; top:0; right:0; height:36px; line-height:36px; font-size:12px;}
.loginWrap .getCode span,.loginWrap .countDown span { margin-top:10px; padding:0 10px; display:inline-block; height:16px; line-height:16px; border-left:1px solid #ccc; color:#ea5f46;}
.loginWrap .countDown span {color:#aaa;}

/*pwdNav*/
.pwdNav { padding:17px 0 5px; height:53px; color:#999;}
.pwdNav .stepNav { height:23px; overflow:hidden; background:url(/Admin/img/step.png) no-repeat 50% 0;}
.pwdNav .sec { background-position:50% -23px;}
.pwdNav .step { height:30px; line-height:30px; font-size:12px;}
.pwdNav .curr { color:#333;}

/*wrapper*/
.wrapper { height:100%; margin-left:12%; background-color:#f9fafc;}
.sideL { float:left; height:100%; background-color:#fff; min-width:150px; width:12%; overflow-y:auto; box-shadow:2px 0 4px rgba(0,0,0,.02)}
.sideL .top { display:block; padding:40px 0 35px; text-align:center;}
.sideL .logo { display:inline-block; vertical-align:top; line-height:40px; font-size:20px; color:#333;}
.sideL .logo .ico { display:inline-block; vertical-align:top; width:43px; height:41px; background:url(/Admin/img/i_logo.png) no-repeat;}
.menuBox dt { margin-top:5px; height:40px;}
.menuBox dt a{ display:block; padding:10px 10px 10px 20px; height:20px; line-height:20px; overflow:hidden; font-size:14px; color:#999;}
.menuBox dt .curr { background-color:#ff8a66; color:#fff;}
.menuBox dt i { display:inline-block; vertical-align:top; width:25px; height:20px; background:url(/Admin/img/ico.png) no-repeat;}
.menuBox dt .home { background-position:0 0;}
.menuBox dt .make { background-position:0 -40px;}
.menuBox dt .count { background-position:0 -80px;}
.menuBox dt .set { background-position:0 -120px;}
.menuBox dt .curr .home { background-position:0 -20px;}
.menuBox dt .curr .make { background-position:0 -60px;}
.menuBox dt .curr .count { background-position:0 -100px;}
.menuBox dt .curr .set { background-position:0 -140px;}
.menuBox dd a { display:block; padding-left:45px; height:40px; line-height:40px; font-size:14px; color:#333;}
.menuBox dd a:hover,.menuBox dd .curr { background-color:#ff8a66; color:#fff;}

/*tapBar*/
.tapBar { position:relative; z-index:1000; height:40px; background-color:#fff; overflow:hidden; text-align:center; box-shadow:0 2px 4px rgba(0,0,0,.02)}
.tapBar .t { font-size:14px; color:#333; line-height:40px;}
.tapBar .set { float:right; padding:5px 10px; font-size:16px; line-height:30px; background-color:#fff;}
.tapBar .set .avatar { margin-right:10px; display:inline-block; vertical-align:top; width:30px; height:30px; border-radius:50%;}
.tapBar .loginOut { display:inline-block; margin-left:30px; padding:5px 10px; vertical-align:top; height:20px; line-height:20px; overflow:hidden;}
.tapBar .loginOut i { display:inline-block; vertical-align:top; width:20px; height:20px; background:url(/Admin/img/ico.png) no-repeat 0 -160px;}
.tapBar .loginOut:hover i { background-position:0 -180px;}
.mainBox { margin-top:-40px; height:100%; overflow:hidden;}
.main { height:100%; overflow-y:auto;}

/*homeBar*/
.homeBar {height:104px; box-shadow:0 0 4px rgba(0,0,0,.02); background:#fff;}
.homeBar li { float:left; position:relative; padding-top:16px; width:25%; height:88px; text-align:center;}
.homeBar li .con { padding:0 25px; font-size:16px; color:#333; line-height:1.2;}
.homeBar li .count { position:relative; display:inline-block; vertical-align:top; padding:24px 0 8px; font-size:20px; line-height:1; text-align:left;}
.homeBar li .count .info { position:absolute; top:0; right:20px; }
.homeBar li .count .info .num { position:absolute; left:0; top:0; width:150px; }
.homeBar .follow:before { position:absolute; left:-5px; top:0; height:100%; width:10px; background-color:#f9f9fb; content:'';}
.homeBar .view:before,.homeBar .read:before { position:absolute; left:0; top:50%; margin-top:-25px; height:50px; width:1px; background-color:#eee; content:''; font-size:0;}
.homeBar .new,.homeBar .new:after { display:inline-block; vertical-align:top; height:20px; background:url(/Admin/img/i_count.png) no-repeat;}
.homeBar .new { position:relative; padding:0 10px 0 5px; background-position:0 0; line-height:20px; color:#fff; font-size:13px;}
.homeBar .new:after { position:absolute; right:0; top:0; width:10px; height:20px; background-position:right 0; content:''}
.homeBar .follow .count { color:#ff9090}
.homeBar .view .count { color:#f3c672}
.homeBar .read .count { color:#57b4f1}
.homeBar .bulid { padding-top:0;}
.homeBar .bulid a{ display:block; padding-top:68px; height:36px; background:url(/Admin/img/i_edit.png) no-repeat 50% 16px; color:#5f8bdc; font-size:16px;}
.banner { padding-bottom:20px;}
.banner img{ width:100%}
.banner .swiper-pagination { bottom:0!important;}
.banner .swiper-pagination-bullet-active { background:#666!important;}

/*comT*/
.comT {font-size:20px; line-height:24px; font-weight:normal;}
.comT .secT {font-size:16px; color:#999;}
.noteList { padding:0 15px; background-color:#fff; box-shadow:0 0 4px rgba(0,0,0,.02);}
.noteList li { position:relative; padding-right:85px; height:50px; line-height:50px; border-bottom:1px solid #f2f2f2;}
.noteList li a { display:block;}
.noteList li .date { position:absolute; top:0; right:0; height:50px; color:#999;}
.noteList li .new { display:inline-block; margin-left:5px; vertical-align:4px; color:#f74c4c;}

/*optBox*/
.optBox { font-size:14px; color:#444; min-height:40px; line-height:40px; font-size:16px;}
.optBox .opt { float:left; width:20%; min-height:40px;}
.optBox .opt label { position:relative; padding-left:15px;}
.optBox .opt .lb:before { position:absolute; left:0; top:50%; margin-top:-4px; width:8px; height:8px; background-color:#fc4348; border-radius:50%; font-size:0; content:"";}
.optBox .opCon { margin-left:20%; min-height:40px;}
.optBox select { padding:0 15px; min-width:auto; width:auto; height:40px; border:1px solid #ddd;}
.optBox .txt,.optBox .txtArea { vertical-align:top; padding:10px; min-width:500px; width:100%; box-sizing:border-box; height:40px; font-size:16px; line-height:18px; color:#333; border:1px solid #ddd; font-family:"microsoft yahei","simhei","simsun";}
.optBox .txtArea { height:90px; overflow-y:auto;}
.optBox .txt:focus,.optBox .txtArea:focus { border-color:#ccc;}
.optBox .noEdit {border-color:#f9fafc; background:none; min-height:18px;}
.optBox .tip { font-size:14px; color:#999; margin-top:5px; line-height:1.2;}
.optBox .tip .over { color:#f00; }
.optBox .edit { color:#7496fa; font-size:16px;}
.person .txt,.person .txtArea { width:88%;}

/*account*/
.account {overflow:hidden;}
.account .avatar { float:left; margin-left:11px; width:120px; height:120px;}
.account .avatar .img,.account .avatar img{width:120px; height:120px;}
.account .info { margin-left:155px; line-height:24px;}
.account .info .btn { position:relative; width:90px; height:24px; font-size:16px; color:#7496fa;}
.account .info .file { position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer; filter:alpha(opacity=0);}
.account .info .tip { font-size:14px; color:#999;}

/*userInfo*/
.userInfo { position:relative; background-color:#f9fafc; overflow-y:auto;}
.userInfo .logo { position:absolute; padding-left:60px; left:55px; top:40px; height:41px; line-height:40px; background:url(/Admin/img/i_logo.png) no-repeat; font-size:20px; color:#333;}
.userInfo .check { display:inline-block; margin-right:5px; vertical-align:middle; width:20px; height:20px; background:url(/Admin/img/i_check.png) no-repeat 0 0;}
.userInfo .check.curr { background-position:0 -20px;}
.userInfo .hand { cursor:pointer;}
.userInfo .sub { width:104px; text-align:center; height:30px; background-color:#fc7146; color:#fff; font-size:16px; border:none; border-radius:2px;}

/*searchBar*/
.searchBar { width:25%; border:1px solid #e9e9e9; border-radius:15px; height:28px; background:url(/Admin/img/i_glass.png) no-repeat 10px 50% #fff;}
.searchBar .con { margin:0 10px 0 32px;}
.searchBar .txt { border:none; padding:6px 0; width:100%; height:16px; line-height:16px; font-size:14px; }
.colT { padding-left:10px; height:18px; line-height:18px; border-left:3px solid #f2754e; font-size:18px; font-weight:normal; color:#333;}

/*videoAnalysis*/
.analysis { overflow:hidden; background-color:#fff; box-shadow:0 0 3px rgba(0,0,0,.05);}
.analysis .graph { float:left; width:68%; height:303px;}
.analysis .graph .m10 { height:255px;}
.analysis .sideR { float:right; position:relative; width:32%; height:303px;}
.analysis .sideR:before { position:absolute; left:-8px; top:0; width:16px; height:100%; background-color:#f9fafc; content:"";}
.analysis .sideR li { position:relative; height:101px; font-size:20px; line-height:1.5; color:#666;}
.analysis .sideR li:before { position:absolute; left:0; width:100%; height:10px; background-color:#f9fafc; content:"";}
.analysis .sideR .fir:before { height:0; background:none;}
.analysis .sideR .sec:before { top:-7px;}
.analysis .sideR .thi:before { top:-3px;}
.analysis .sideR .fir .info { padding:10px 20px 0;}
.analysis .sideR .sec .info { padding:13px 20px 0;}
.analysis .sideR .thi .info { padding:17px 20px 0;}
.analysis .read .fir { height:151px;}
.analysis .read .sec { height:152px;}
.analysis .read .sec:before { height:20px; top:-9px;}
.analysis .read .fir .info { padding:15px 20px 0;}
.analysis .read .sec .info { padding:26px 20px 0;}

/*dataCount*/
.dataCount { padding-bottom:30px; background-color:#fff; box-shadow:0 0 3px rgba(0,0,0,.05);}
.dataCount .nav { height:40px; line-height:40px; background-color:#eee;}
.dataCount .nav .day { float:left; height:40px; width:80px; text-align:center; color:#999;}
.dataCount .nav .day.curr { color:#fc7146;}
.dataCount .nav .date { float:right; height:40px; border:none; padding:0 10px 0 35px; cursor:pointer; background:url(/Admin/img/i_date.png) no-repeat 0 50%; color:#999; outline:none}

/*table*/
.list-tb { border:none; table-layout:fixed; width:100%;}
.list-tb th,.list-tb td {padding:7px 10px; height:30px; border:none; text-align:center;}
.list-tb th{ border-bottom:1px solid #f2f2f2; font-size:14px; color:#999; font-weight:normal;}

/*minTab*/
.minTab {height:30px;}
.minTab a {float:left; padding:0 15px; border:1px solid #ededed; border-left:none; text-align:center; height:28px; line-height:28px; background-color:#fff;}
.minTab .fir {border-left:1px solid #ededed;}
.minTab .curr { background-color:#fc7146; border-color:#fc7146; color:#fff;}
.fllowBar {background-color:#fff; padding:25px 0; box-shadow:0 0 3px rgba(0,0,0,.05); height:50px;}
.fllowBar li { float:left; position:relative; width:25%; height:50px; text-align:center; line-height:25px;}
.fllowBar li .count { font-size:20px;}
.fllowBar li .cancel { color:#7598b8;}
.fllowBar li .t { font-size:16px;}
.fllowBar .gap:before { position:absolute; left:0; top:0; height:50px; width:1px; font-size:0; content:''; background-color:#eee;}
.fllowGraph { height:300px; margin:30px 30px 0;}
.fllowTable th { background-color:#eee;}

/*page*/
.page { height:23px; text-align:center; line-height:23px; font-size:16px;}
.page .prev,.page .next { display:inline-block; vertical-align:top; width:23px; height:23px; background:url(/Admin/img/i_page.png) no-repeat; cursor:pointer;}
.page .prev { background-position:0 0;}
.page .next { background-position:0 -23px;}
.page .numBox { margin:0 10px; display:inline-block; vertical-align:top;}

/*commList*/
.commList li { padding:20px 15px 20px 80px; border-bottom:1px solid #f2f2f2; overflow:hidden;}
.commList li .avatar { float:left; margin-left:-65px; width:43px; height:43px; border-radius:50%;}
.commList li .topBar { position:relative; line-height:1.2; font-size:14px;}
.commList li .topBar .date { position:absolute; right:15px; top:0; color:#999;}
.commList li .say { margin-top:10px; line-height:1.2; font-size:16px; color:#666;}
.commList li .cite { padding:7px 10px; background-color:#eee; line-height:20px; overflow:hidden; color:#999;}
.commList li .cite .art { color:#e57247}
.commList li .setBar { padding-top:8px; line-height:16px; height:16px; text-align:right;}
.commList li .setBar a { display:inline-block; margin-left:30px; vertical-align:top; font-size:14px;}
.commList li .setBar .curr { color:#e57247; }
.commList li .replyForm {display:none; position:relative; margin-top:13px;}
.commList li .replyForm .arrow { position:absolute; right:65px; top:-11px; width:19px; height:12px; background:url(/Admin/img/i_arrow.png) no-repeat;}
.commList li .replyBox {border:1px solid #ddd;}
.commList li .replyBox .con { margin:8px 10px;}
.commList li .replyBox .txtArea { border:none; width:100%; height:50px; line-height:20px; resize:none; overflow:auto;}
.commList li .replyForm .btn { padding:0 20px; height:30px; background-color:#fc7146; color:#fff; font-size:16px; border:none; border-radius:2px;}
.commList li .replyForm .btn:hover { background-color:#fd7d55; }

/*shade*/
.shade { display:none; position:fixed; z-index:1001; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.4); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#66000000', EndColorStr='#66000000');}
:root .shade{filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00000000', EndColorStr='#00000000');}
.reportBox { position:absolute; left:50%; top:50%; margin:-197px 0 0 -159px; background-color:#fff; width:318px; height:394px; border-radius:4px; }
.reportBox .close { position:absolute; top:10px; right:10px; width:20px; height:20px; background:url(/Admin/img/i_close.png) no-repeat; cursor:pointer; }
.reportBox .close:hover { background-position:0 -20px; }
.reportBox .tNav { height:77px; line-height:77px; text-align:center; border-bottom:1px solid #f2f2f2; font-size:22px; font-weight:normal; }
.reportBox .reportList { margin:20px 40px; overflow:hidden; }
.reportBox .reportList li { float:left; width:50%; margin-top:24px;}
.reportBox .reportList li a { float:left; padding-left:27px; background:url(/Admin/img/i_select.png) no-repeat; line-height:16px; font-size:14px; }
.reportBox .reportList li .curr { background-position:0 -16px; }
.reportBox .btn { padding:0 20px; height:30px; background-color:#fc7146; color:#fff; font-size:16px; border:none; border-radius:2px;}
.reportBox .btn:hover { background-color:#fd7d55; }

/*userAnalysis*/
.userAnalysis,.ageAnalysis { overflow:hidden; background-color:#fff; box-shadow:0 0 3px rgba(0,0,0,.05);}
.userAnalysis .sex,.userAnalysis .terminal { float:left; width:50%; height:320px;}
.userAnalysis .terminal { position:relative; }
.userAnalysis .terminal:before { position:absolute; left:-9px; top:0; width:18px; height:100%; background-color:#f9fafc; content:"";}
.userAnalysis .sex .con { margin:10px 19px 10px 10px; height:272px;}
.userAnalysis .terminal .con { margin:10px 10px 10px 19px; height:272px;}
.ageAnalysis .age { float:left; width:77%; height:324px; }
.ageAnalysis .tb {position:relative; float:left; width:23%; height:324px; }
.ageAnalysis .tb:before { position:absolute; left:0; top:0; width:1px; height:100%; font-size:0; background-color:#f9fafc; content:"";}
.ageAnalysis .age .con { margin:10px 20px; height:276px;}
.ageAnalysis .list-tb th { padding:0 10px; background-color:#eee; border-bottom-color:#eee; }
.ageAnalysis .list-tb td { color:#999; }

/*accountTb*/
.accountTb td { padding:10px 0; text-align:left; color:#999; }
.accountTb .tr { text-align:right; }
.accountTb .t { color:#333; }

/*workList*/
.workList li{ position:relative; margin-bottom:12px; padding:15px 15px 15px 135px; overflow:hidden; background-color:#fff; box-shadow:0 0 3px rgba(0,0,0,.05);}
.workList li .pic { float:left; margin-left:-120px; width:110px; height:82px; }
.workList li .tag { float:left; padding-right:10px; border:1px solid #ddd; border-radius:10px; height:18px; line-height:18px; font-size:12px; color:#b9b9b9; overflow:hidden;}
.workList li .tag i{ padding:0 0 0 10px; background:url(/Admin/img/i_point.png) no-repeat 2px 50%;}
.workList li .tag i:first-child { background:none; }
.workList li .t { font-size:14px; line-height:20px; }
.workList li .time {margin-right:20px; font-size:12px; color:#999; line-height:16px;}
.workList li .set { margin-top:13px; overflow:hidden;}
.workList li .set a { float:left; margin-right:10px; padding:0 10px; height:24px; line-height:22px; background:url(/Admin/img/i_set.png) no-repeat #eeeeee; border-radius:12px; }
.workList li .set .edit { padding-left:28px; background-position:5px -96px; color:#fff; background-color:#fc7146; }
.workList li .set .del { width:4px; font-size:0; background-position:0 0;}
.workList li .set .del:hover { background-position:0 -24px; background-color:#fc7146; }
.workList li .set .appeal { padding-left:28px; background-position:5px -48px; color:#999;}
.workList li .set .appeal:hover { background-position:5px -72px; background-color:#fc7146; color:#fff;}
.workList li .col { float:right; padding-right:10px; }
.workList li .col i { margin:5px 0 0; display:inline-block; padding-left:24px; font-size:14px; vertical-align:top; background:url(/Admin/img/i_about.png) no-repeat; height:16px; line-height:16px; color:#999; }
.workList li .col .collect {background-position:0 0;}
.workList li .col .view {background-position:0 -16px;}
.workList li .col .share {background-position:0 -32px;}
.workList li .col .quan {background-position:0 -48px;}
.workList li .col .say {background-position:0 -64px;}
.workList li .mid { padding:21px 30px 0 0; }
.noData { margin:200px 0; text-align:center; font-size:18px; color:#999; }
.noData .info { display:inline-block; padding-left:40px; background:url(/Admin/img/i_glass2.png) no-repeat 0 0; line-height:25px; }

/*dlgWork*/
.dlgWork {display:none; position:absolute; left:50%; top:50%; background-color:#fff; border-radius:4px; }
.dlgWork .btn { margin:0 29px; width:80px; height:28px; line-height:24px; background-color:#fff; border-style:solid; border-width:1px; border-radius:15px; font-size:16px; }
.dlgWork .sub { border-color:#fc7146; color:#fc7146;}
.dlgWork .cancel { border-color:#999; color:#999;}
.dlgWork .close { position:absolute; top:10px; right:10px; width:20px; height:20px; background:url(/Admin/img/i_close.png) no-repeat; cursor:pointer; }
.dlgWork .close:hover { background-position:0 -20px; }
/*appealBox*/
.appealBox { margin:-180px 0 0 -245px; padding:0 20px; width:450px; height:360px }
.appealBox .t { height:74px; line-height:74px; text-align:center; font-size:22px; font-weight:normal; }
.appealBox .txtArea { padding:9px; width:430px; height:160px; border:1px solid #ddd; overflow:auto; resize:none; }
.appealBox .txtArea.miss { border-color:#fd6769; }
.appealBox .btm { padding-top:30px; text-align:center; }
.appealOk,.editBox,.delBox {margin:-85px 0 0 -200px; padding:55px 20px 0; width:360px; height:115px; text-align:center; line-height:28px;}
.appealOk .info,.editBox .info,.delBox .info { display:inline-block; padding-left:38px; background:url(/Admin/img/i_sign2.png) no-repeat 0 0; font-size:18px; }
.editBox,.delBox {margin:-100px 0 0 -200px; height:145px;}

/*buildArt*/
.buildArt { padding-bottom:30px; }
.article-t { position:relative; width:100%; border:1px solid #ddd; border-bottom:none; background-color:#fff; }
.article-t .tBox {margin:0 60px 0 10px;}
.article-t .t { padding:14px 0; height:20px; line-height:20px; font-size:18px; width:100%; border:none; }
.article-t .tCount { position:absolute; right:0; top:0; width:60px; height:48px; line-height:48px; font-size:18px; text-align:center;}
.article-t .over { color:#f00;}
.buildArt .optBox {min-height:25px}
.buildArt .optBox .opt {width:10%; min-height:25px; line-height:25px;}
.buildArt .optBox .opt label { padding-left:0;}
.buildArt .optBox .opCon { margin-left:10%; min-height:25px; line-height:25px;}
.buildArt .tag {display:inline-block; margin:0 0 5px 10px; vertical-align:top; padding:0 15px; height:25px; border-radius:2px; font-size:14px; background-color:#eee; color:#999;}
.buildArt .tag:first-child { margin-left:0; }
.buildArt .tag.curr {background-color:#fc7146; color:#fff;}
.buildArt .fileBox { position:relative; display:inline-block; vertical-align:top; height:25px; }
.buildArt .fileBox .file { position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer; filter:alpha(opacity=0);}
.buildArt .btn { width:104px; text-align:center; height:30px; font-size:16px; border:none; border-radius:2px;}
.buildArt .pub { background-color:#fc7146; color:#fff;}
.buildArt .save,.buildArt .view { background-color:#eee; color:#999;}
.buildTip { display:none; position:absolute; left:0; top:-30px; width:100%; height:40px; line-height:40px; min-width:730px; text-align:center; background-color:#fd6769; color:#fff; font-size:16px; }

/*uploadPress*/
.uploadPress { padding:15px 15px 20px; box-sizing:border-box; border:1px solid #ddd; background-color:#fff; }
.uploadPress .before {padding-right:40px;}
.uploadPress .before .tBar { height:18px; line-height:18px; font-size:16px;}
.uploadPress .before .tBar .t { float:left; width:75%;}
.uploadPress .before .tBar .info { float:right; width:25%; text-align:right; color:#999}
.uploadPress .before .progressBg,.uploadPress .progress { font-size:0; height:26px;}
.uploadPress .before .progressBg { margin-top:15px; position:relative; background-color:#eaeaea; }
.uploadPress .before .progress { float:left; background-color:#ff8a66; }
.uploadPress .before .close { position:absolute; top:-1px; right:-38px; width:27px; height:27px; background:url(/Admin/img/i_close2.png) no-repeat; cursor:pointer; }
.uploadPress .before .close:hover { background-position:0 -27px; }
.uploadPress .after { overflow:hidden; position:relative; }
.uploadPress .after .avatar { float:left; width:95px; height:73px; }
.uploadPress .after .info { margin-left:110px; }
.uploadPress .after .t,.uploadPress .after .set {line-height:34px; font-size:16px;}
.uploadPress .after .tip { position:absolute; right:0; top:50%; margin-top:-17px; height:34px; line-height:34px; font-size:14px; color:#b9b9b9;}

/*uploadVideo*/
.uploadVideo { margin:100px auto 80px; padding-top:188px; width:490px; background:url(/Admin/img/pc.png) no-repeat 50% 0; }
.uploadVideo .btn { margin:0 auto 30px; position:relative; width:130px; text-align:center; height:34px; line-height:30px; background-color:#fc7146; color:#fff; font-size:18px; border:none; border-radius:2px; background-color:#fc7146; color:#fff;}
.uploadVideo .btn:hover { background-color:#fd7d55; }
.uploadVideo .btn .file { position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer; filter:alpha(opacity=0);}
.uploadVideo .tip { font-size:14px; line-height:20px; color:#b9b9b9; }

/*viewMain*/
.viewMain { position:absolute; left:50%; top:50%; margin:-325px 0 0 -175px; width:350px; height:650px; box-sizing:border-box; background-color:#fff;}
.viewMain .main-t { padding:20px 0 15px; font-size:18px; font-weight:normal; }
.viewMain .intro { position:relative; box-sizing:border-box; padding:0 40px 10px 45px; overflow:hidden;}
.viewMain .intro .btn { box-sizing:border-box; position:absolute; top:50%; margin-top:-15px; right:0; width:40px; height:20px; border-radius:3px; text-align:center; font-size:12px; color:#ff5456; line-height:18px; border:1px solid #ff5456; }
.viewMain .intro .avatar { float:left; margin-left:-45px; width:34px; height:34px; border-radius:50%; }
.viewMain .intro .t { font-size:14px; line-height:17px; font-weight:normal; }
.viewMain .intro .info { font-size:12px; line-height:17px; color:#999 }
.viewMain .article { font-size:14px; line-height:20px; }
.viewMain .article p { margin-top:20px; }
.viewMain .article img { width:100%; }
.viewMain .topBar { position:relative; font-size:0; height:0; line-height:0; }
.viewMain .topBar .close { position:absolute; top:0; right:-45px; width:24px; height:24px; background:url(/Admin/img/i_close3.png) no-repeat; cursor:pointer; }
.viewMain .topBar .close:hover { background-position:0 -24px; }
.viewMain .swiper-container { height:100%; }
.viewMain .swiper-slide { height:auto; padding:0 12px 10px; box-sizing:border-box;}
.viewMain strong { font-weight:bold; }
.viewMain blockquote {line-height:1.4; padding:12px 8px; color:#999; background-color:#F3F4F5; margin:10px 0;}
.viewMain .list-paddingleft-2 { padding-left:30px; }
.viewMain p {text-align:justify;}
.viewMain hr {margin:1.5em 0; border:1px solid #e9e9e9; border-width:1px 0 0;}
.viewMain img { width:100%;}























